<template>
  <ul class="operate-container">
    <li class="operate-item" @click="renameItem">重命名</li>
    <li class="operate-item" @click="removeItem">移动到</li>
    <li class="operate-item" @click="cloneItem">复制</li>
    <li class="operate-item" @click="deleteItem">删除</li>
  </ul>
</template>

<script>
export default {
  methods: {
    renameItem () {
      this.$emit('renameItem')
    },
    removeItem () {
      this.$emit('removeItem')
    },
    cloneItem () {
      this.$emit('cloneItem')
    },
    deleteItem () {
      this.$emit('deleteItem')
    }
  }
}
</script>

<style lang="less" scoped>
@import url('../../assets/less/folders/operateItems.less');
</style>
